<template>
  <div id="app">
    <Edit @zdyInput="handleInput" @zdyRun="handleRun"></Edit>
    <!-- 收到输入数据再给另一个子组件 -->
    <Show :vcode="code" ref="show"></Show>
  </div>
</template>

<script>
import Edit from '../edit/edit.vue';
import Show from '../edit/show.vue';
export default {
  name:'App',
  data(){
    return{
      code:''
    }
  },
  methods:{
    //发布订阅，子父通信
    handleInput(val){
      this.code = val
    },
    handleRun(){
      //去子组件找方法
      this.$refs.show.run()
    }
  },
  components:{
    Edit,
    Show
  }
}
</script>

<style lang="scss">
*{
  margin:0;padding:0;
}
html,body,#app{
  width:100%;height:100%;
}
#app{
  display:flex;
  .edit{
    width:50%;
    height:100%;
  }
  .show{
    width:50%;
    height:100%;
  }
}
</style>